<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>三餐</title>

<!-- Bootstrap core CSS -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/font-awesome.css" rel="stylesheet">

<!-- Custom styles for this template -->
<style>
html, body {
	height: 100%;
}

body {
	/* display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center; */
	background-color: #f5f5f5;
}

.radius {
	border-radius: 1rem;
}
.card-body{
	padding: 0.25rem;
}
.card-title{
	font-size: 14px;
    font-weight: bold;
}
.card-text{
	font-size: 9px;
}
.tab-pane{
	padding-top:5px;
}
</style>

</head>

<body class="text-center">
	<nav class="navbar navbar-light bg-light">
		<input class="form-control radius" type="search"
			placeholder="想吃什么，搜一搜">
	</nav>
	<div id="carouselExampleSlidesOnly" class="carousel slide"
		data-ride="carousel">
		<ol class="carousel-indicators">
			<li data-target="#carouselExampleIndicators" data-slide-to="0"
				class="active"></li>
			<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
			<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
		</ol>
		<div class="carousel-inner">
			<div class="carousel-item active">
				<img class="d-block w-100" src="/static/images/silder1.jpg"
					alt="First slide">
			</div>
			<div class="carousel-item">
				<img class="d-block w-100" src="/static/images/silder2.jpg"
					alt="Second slide">
			</div>
			<div class="carousel-item">
				<img class="d-block w-100" src="/static/images/silder3.jpg"
					alt="Third slide">
			</div>
		</div>
	</div>
	<ul class="nav nav-tabs nav-fill">
	  <li class="nav-item">
	    <a class="nav-link active" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">点餐</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">评价</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="true">商家</a>
	  </li>
	</ul>
	<div class="tab-content" id="myTabContent">
	
	  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
	  
	   <div class="row no-gutters">
	    <div class="col-4">
	    	<div class="card">
			  <img class="card-img-top" src="/static/images/logo1.jpg" alt="Card image cap">
			  <div class="card-body">
			    <h5 class="card-title">农家小炒肉</h5>
			    <p class="card-text">精选五花肉，朝天椒</p>
			    <a href="#" class="btn btn-primary btn-sm">加入购物车</a>
			  </div>
			</div>
	    </div>
	    <div class="col-4">
	     <div class="card">
			  <img class="card-img-top" src="/static/images/logo1.jpg" alt="Card image cap">
			  <div class="card-body">
			    <h5 class="card-title">农家小炒肉</h5>
			    <p class="card-text">精选五花肉，朝天椒</p>
			    <a href="#" class="btn btn-primary btn-sm">加入购物车</a>
			  </div>
			</div>
	    </div>
	    <div class="col-4">
	      <div class="card">
			  <img class="card-img-top" src="/static/images/logo1.jpg" alt="Card image cap">
			  <div class="card-body">
			    <h5 class="card-title">农家小炒肉</h5>
			    <p class="card-text">精选五花肉，朝天椒</p>
			    <a href="#" class="btn btn-primary btn-sm">加入购物车</a>
			  </div>
			</div>
	    </div>
	   
			
	</div>
	  </div>
	  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">222222222222222</div>
	  <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">333333333333333</div>
	</div>


</body>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.js"></script>
</html>
